<template>
  <div>
    <!--  -->
    <el-dialog :title="form.boxName" :visible.sync="$parent.opendetailed" width="30%" append-to-body>
      <el-divider content-position="left">所包含设备</el-divider>

      <div class="center_dialog">
        <label v-for="(v, i) in form.deviceNames" :key="i">{{ v }}
          <template v-if="i !== form.deviceNames.length - 1">，</template>
        </label>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { getlakeDevicestatusChildren } from "@/api/record/index.js";
export default {
  props: ['rowObj'],
  components: {
  },
  data () {
    return {
      form: {
      },
    }
  },
  created () {
    this.getlist()
  },
  methods: {
    async getlist () {
      let res = await getlakeDevicestatusChildren(this.rowObj.statusId);
      this.form = res.data
    },
  }
}
</script>

<style lang="scss" scoped>
.center_dialog {
  // text-align: center;
  width: 90%;
  margin: 0px auto;
}
</style>